<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>HTML580图片广告代码</title>
	<meta name="keywords" content="ads ads.js jquery.ads.js 图片广告插件"/>
    <meta name="description" content="html580ads html580ads.js jquery.html580ads.js 图片广告插件">
    <meta name="author" content="html580 html580@126.com http://www.html580.com">
    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <link href="css/docs.css" rel="stylesheet">
    <link href="js/google-code-prettify/prettify.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="ico/favicon.png">

  </head>

  <body data-spy="scroll" data-target=".bs-docs-sidebar">

    <!-- Navbar
    ================================================== -->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand active" href="index.html">html580ads</a>
		  <div class="nav-collapse collapse">
			<p class="navbar-text pull-right">
              <a href="http://www.html580.com" target="_blank">Blog on HTML580</a>
            </p>
			<ul class="nav">
				<li class=""><a href="example.html">Examples</a></li>
			</ul>
		  </div>
        </div>
      </div>
    </div>

<div class="jumbotron masthead">
  <div class="container">
    <h1>ads</h1>
    <p>jquery实现鼠标移至图片底部显示广告插件</p>
    <p>
      <a href="https://github.com/html580/ads/archive/gh-pages.zip" class="btn btn-primary btn-large" >download  html580ads.js</a>
    </p>
    <ul class="masthead-links">
      <li>
        <a href="http://github.com/html580/ads" target="_blank">GitHub project</a>
      </li>
      <li>
        <a href="example.html" >Examples</a>
      </li>
      <li>
        <a href="http://www.html580.com" target="_blank">html580</a>
      </li>
    </ul>
	<ul class="masthead-links">
      <li>
        Designed and build by <a href="https://github.com/html580" target="_blank">@html580</a>
      </li>
    </ul>
  </div>
</div>

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
	<script src="js/bootstrap-transition.js"></script>
	<script src="js/bootstrap-alert.js"></script>
	<script src="js/bootstrap-modal.js"></script>
	<script src="js/bootstrap-dropdown.js"></script>
	<script src="js/bootstrap-scrollspy.js"></script>
	<script src="js/bootstrap-tab.js"></script>
	<script src="js/bootstrap-tooltip.js"></script>
	<script src="js/bootstrap-popover.js"></script>
	<script src="js/bootstrap-button.js"></script>
	<script src="js/bootstrap-collapse.js"></script>
	<script src="js/bootstrap-carousel.js"></script>
	<script src="js/bootstrap-typeahead.js"></script>
	<script src="js/bootstrap-affix.js"></script>
	<script src="js/holder/holder.js"></script>
	<script src="js/google-code-prettify/prettify.js"></script>
	<script src="js/application.js"></script>
	
  </body>
</html>
